<template>
  <v-col class="pa-0">
    <v-card class="pt-0" outlined>
      <nuxt-link
        :to="{ path: '/homepage', query: { tab: 1 } }"
        class="text-decoration-none"
        style="color: black"
      >
        <v-list-item three-line>
          <v-list-item-avatar class="rounded-circle" rounded size="60"
            ><img src="https://cdn.vuetifyjs.com/images/lists/1.jpg" alt=""
          /></v-list-item-avatar>
          <v-list-item-content class="pa-0">
            <v-card-title
              class="pl-0 pb-0 text-subtitle-1 font-weight-bold text-truncate"
            >
              杭州_阿里嘎巴
            </v-card-title>
            <v-card-subtitle class="pl-0 text-caption text-truncate"
              >码仔@阿里嘎巴创始人</v-card-subtitle
            >
          </v-list-item-content>
        </v-list-item>
      </nuxt-link>
      <v-divider class=""></v-divider>

      <v-card-actions>
        <v-row no-gutters class="pb-0 text-center">
          <v-col>
            <nuxt-link
              :to="{ path: '/homepage', query: { tab: 1 } }"
              class="text-decoration-none"
              style="color: black"
            >
              <v-col class="pa-0 grey--text text-subtitle-2"> 沸点 </v-col>
              <v-col class="pa-0 font-weight-bold">
                <div class="subheading">3</div>
              </v-col>
            </nuxt-link>
          </v-col>
          <v-divider class="" vertical inset></v-divider>
          <v-col class=" ">
            <nuxt-link
              :to="{ path: '/homepage', query: { tab: 3 } }"
              class="text-decoration-none"
              style="color: black"
            >
              <v-col class="pa-0 grey--text text-subtitle-2"> 关注 </v-col>
              <v-col class="pa-0 font-weight-bold">
                <span class="subheading">42</span>
              </v-col>
            </nuxt-link> </v-col
          ><v-divider class="" vertical inset></v-divider>
          <v-col class="pa-0">
            <nuxt-link
              :to="{ path: '/homepage', query: { tab: 4 } }"
              class="text-decoration-none"
              style="color: black"
            >
              <v-col class="pa-0 grey--text text-subtitle-2"> 关注者 </v-col>
              <v-col class="pa-0 font-weight-bold">
                <span class="subheading">16</span>
              </v-col>
            </nuxt-link>
          </v-col>
        </v-row>
      </v-card-actions>
    </v-card>
  </v-col>
</template>

<script>
export default {}
</script>

<style></style>
